<app:page xmlns:h="http://java.sun.com/jsf/html"
          xmlns:app="http://java.sun.com/jsf/composite/app"
          xmlns:f="http://java.sun.com/jsf/core"
          pageTitle="#{msg['welcome.title']}">

    <p style="text-align: center">
    <h3 style="text-align: center"> Welcome to greenplate! The public and community transportation finder
       that helps you "green-travel" and promote clean-air, fuel efficient vehicles.</h3>

    <h:panelGrid columns="2"  width="100%" style="text-align: center">
        <h:column>
            <h:panelGroup>
                <h:link outcome="/secured/requestRide/list" value="get a ride" style="text-align: center">
                    <h:graphicImage value="/resources/app/css/img/folder_yellow_scheduled_tasks_128.png" />                    
                </h:link>
            </h:panelGroup>
        </h:column>
        <h:column>
            <h:panelGroup>
                <h:link outcome="/secured/offerRide/list" value="give a ride" style="text-align: center">
                    <h:graphicImage value="/resources/app/css/img/folder_green_scheduled_tasks_128.png" />
                </h:link>
            </h:panelGroup>
        </h:column>
        <h:column>
            <h:panelGroup>
                <h:link outcome="/secured/offerRide/list" value="live rides" style="text-align: center">
                    <h:graphicImage value="/resources/app/css/img/cars_128.png" />
                </h:link>
            </h:panelGroup>
        </h:column>
        <h:column>
            <h:panelGroup>
                <h:link outcome="/secured/community/list" value="my friends" style="text-align: center">
                    <h:graphicImage value="/resources/app/css/img/community_users_128.png"/>
                </h:link>
            </h:panelGroup>
        </h:column>

    </h:panelGrid>

</p>    
</app:page>   
